<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset=utf-8>
    <meta name=apple-mobile-web-app-title content=Hsury>
    <meta name=application-name content=Hsury>
    <meta name=msapplication-TileColor content=#2d89ef>
    <meta name=theme-color content=#ffffff>
    <meta name=viewport content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="./logo.ico" type="image/x-icon">
    <link rel="shortcut icon" href="./blog.ico" type="image/x-icon">
    <link rel=manifest href=/site.webmanifest>
    <link rel=mask-icon href=/safari-pinned-tab.svg color=#5bbad5>
    <title>导航</title>
    <script src="js/jquery.min.js"></script>
    <link rel="stylesheet" href="css/semantic.min.css">
    <style>
        * {
            color: #fff;
            font-family: "Microsoft YaHei";
            font-size: 8px;
            font-weight: lighter;
            text-align: center;
        }

        body {
            background: #888888;
            /* background: #3cd5ff; */
            /* background: -webkit-linear-gradient(to right, #ff00c8, #3cd5ff); */
            /* background: linear-gradient(to right, #ff00c8, #3cd5ff); */
        }

        h1 {
            font-size: 75px;
            margin: 3.5vw 0 0
        }

        h2 {
            font-size: 24px;
            margin: .8vw
        }

        footer {
            font-weight: normal;
            line-height: 18px;
            margin: .8vw 0 .4vw;
            position: relative
        }

        .btn {
            border: 1px solid;
            cursor: pointer;
            display: inline-block;
            font-size: 16px;
            font-weight: 400;
            line-height: 45px;
            margin: 0 32px 1em;
            max-width: 160px;
            overflow: hidden;
            position: relative;
            text-decoration: none;
            vertical-align: middle;
            width: 100%;
        }

        .btn:after {
            background: #fff;
            content: "";
            height: 155px;
            left: -75px;
            opacity: .2;
            position: absolute;
            top: -50px;
            -webkit-transform: rotate(35deg);
            -ms-transform: rotate(35deg);
            transform: rotate(35deg);
            -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
            transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
            width: 50px;
            z-index: -10
        }

        .btn:hover:after {
            left: 120%;
            -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
            transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1)
        }
    </style>
    <style>
        input:focus {
            border: 2px solid rgb(62, 88, 206);
        }

        input {
            text-indent: 11px;
            padding-left: 11px;
            font-size: 16px;
        }
    </style>
    <!--input初始状态-->
    <style class="input/css">
        .input {
            width: 40%;
            height: 45px;
            vertical-align: top;
            box-sizing: border-box;
            border: 2px solid rgb(207, 205, 205);
            border-right: 2px solid rgb(62, 88, 206);
            border-bottom-left-radius: 10px;
            border-top-left-radius: 10px;
            outline: none;
            margin: 0;
            display: inline-block;
            background: url(camera.png) no-repeat 0 0;
            background-position: 565px 7px;
            background-size: 28px;
            padding-right: 49px;
            padding-top: 10px;
            padding-bottom: 10px;
            line-height: 16px;
        }
    </style>
    <!--button初始状态-->
    <style class="button/css">
        .button {
            height: 45px;
            width: 130px;
            vertical-align: middle;
            text-indent: -8px;
            padding-left: -8px;
            background-color: rgb(62, 88, 206);
            color: white;
            font-size: 18px;
            outline: none;
            border: none;
            border-bottom-right-radius: 10px;
            border-top-right-radius: 10px;
            margin: 0;
            padding: 0;
        }
    </style>
    <style>
        footer {
            position: absolute;
            bottom: 0; /* 4. 设置页脚position为absolute之后，再将其bottom值设为0，即可使其处于页面的底部 */
            width: 99%;
        }
    </style>

</head>

<br>
<br>
<h2>个人网页导航</h2>
<br>
<br>

<!-- 搜索框 -->
<div style="font-size: 0px;">
    <div style="text-align: center">
        <form method="GET" action="https://www.baidu.com/s?wd=hello%20world" id="wd">
            <input type="text" class="input" name="wd" id="s-input" autofocus="autofocus"/>
            <input type="submit" class="button" href="javascript:wd.submit()" value="search" />
        </form>
    </div>
</div>


<!-- 链接 -->

<!-- <h2>编程</h2> -->
<br>
<br>
<br>
<!-- <a href="https://www.google.com.hk/webhp?hl=zh-CN&sourceid=cnhp" target=_blank class=btn>谷歌</a> -->
<a href="https://www.google.com.hk/webhp?hl=zh-CN&sourceid=cnhp"  class=btn>谷歌</a>
<a href="https://github.com/"  class=btn>GitHub</a>
<a href="https://gitee.com/"  class=btn>码云gitee</a>
<a href="https://www.runoob.com/"  class=btn>菜鸟教程</a>
<a href="https://www.51zxw.net/"  class=btn>我要自学网</a>
<a href="https://leetcode.cn/"  class=btn>leetcode</a>

<!-- <h2>学习</h2> -->
<br>
<br>
<br>
<a href="http://tjuacm.chaosheng.top/"  class=btn>天大OJ</a>
<a href="https://mail.qq.com/"  class=btn>QQ邮箱</a>
<a href="https://zxmhzwx.github.io/#/"  class=btn>个人网站</a>
<a href="https://www.zhihu.com/"  class=btn>知乎</a>
<a href="http://www.pigai.org/"  class=btn>批改网</a>
<a href="https://passport2.chaoxing.com/login?fid=&refer="  class=btn>学习通</a>

<!-- <h2>天大</h2> -->
<br>
<br>
<br>
<a href="http://classes.tju.edu.cn/"  class=btn>天大选课网</a>
<a href="http://ee.tju.edu.cn/"  class=btn>天大办公网</a>
<a href="https://party.twt.edu.cn/"  class=btn>学生党建</a>
<a href="http://cic.tju.edu.cn/"  class=btn>智算学部</a>
<a href="http://oaa.tju.edu.cn/"  class=btn>天大教务处</a>
<a href="https://zhtj.youth.cn/zhtj/signin"  class=btn>智慧团建</a>
<br>
<br>
<br>
<a href="http://cic.tju.edu.cn/xwzx/tzgg.htm"  class=btn>智算学部通知公告</a>
<a href="http://www.lib.tju.edu.cn/"  class=btn>天大图书馆</a>
<a href="https://wiki.tjubot.cn/"  class=btn>北洋维基</a>
<a href="https://mail.tju.edu.cn/"  class=btn>天大邮箱</a>
<a href="https://theory.twt.edu.cn/#/student/test"  class=btn>天外天理论答题</a>
<a href="https://cet-bm.neea.edu.cn/"  class=btn>四六级考试网</a>
<br>
<br>
<br>
<a href="https://www.dxzy163.com/"  class=btn>大学资源网</a>
<a href="https://zh.wikihow.com/%E9%A6%96%E9%A1%B5"  class=btn>wikihow</a>
<a href="https://tophub.today/"  class=btn>今日热榜</a>
<a href="https://www.yxgapp.com/"  class=btn>译学馆</a>
<a href="http://www.jsjlt.com/"  class=btn>电脑计算机论坛</a>
<a href="https://www.jsjbbs.cn/"  class=btn>计算机技术论坛</a>
<br>
<br>
<br>
<a href="https://bks.thefuture.top/"  class=btn>书籍搜索</a>
<a href="https://www.gaitubao.com/jpg-gif-png/"  class=btn>图片格式转换</a>
<a href="https://pan.baidu.com/disk/main?from=homeFlow#/index?category=all"  class=btn>百度网盘</a>
<a href="https://docs.qq.com/sheet/DR3ZQc1BGbG50ZFZ6?tab=z9azqz"  class=btn>天大资源共享页</a>
<a href="https://convertio.co/zh/audio-converter/"  class=btn>音频格式转换</a>
<a href="https://convertio.co/zh/"  class=btn>文件格式转换</a>
<br>
<br>
<br>
<a href="https://pan.quark.cn/#/user/login?callback=%2F"  class=btn>夸克网盘</a>
<a href="http://www.imagetotxt.com/"  class=btn>图片转文字</a>
<a href="https://tools.pdf24.org/zh/extract-pdf-pages"  class=btn>提取PDF页面</a>
<a href="http://www.zuohaotu.com/image-to-ico.aspx"  class=btn>图片转ico</a>
<a href="https://caj2pdf.cn/"  class=btn>caj转pdf</a>
<a href=""  class=btn></a>
<br>
<br>
<br>
<!-- <a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a>
<a href=""  class=btn></a> -->
<!-- 
<a href="https://blog.csdn.net/qq_43997786" target=_blank class="btn">blog</a>
<a href="https://space.bilibili.com/391099187?from=search&seid=10292981058346091712" target=_blank
    class=btn>Bilibili</a>
<a href="https://github.com/Jacky-Android" target=_blank class=btn>GitHub</a>
<a href="https://www.ghxi.com/" target=_blank class=btn>果核软件</a>
<a href="https://music.ghpym.com/" target=_blank class=btn>果核音乐</a>
<br>
<a href="https://www.cn-ki.net/" target=_ blank class=btn>iData</a>
<a href="https://www.dalipan.com/#/" target=_ blank class=btn>百度网盘爬虫</a>
<a href="http://flysheep.ys168.com/" target=_ blank class=btn>单机游戏分享</a>
<a href="https://www.douban.com/" target=_ blank class=btn>豆瓣</a>
<a href="https://www.zhihu.com/topic/19550228/hot" target=_ blank class=btn>知乎热榜</a>
<a href="https://www.githubs.cn/" target=_ blank class=btn>github china</a>
<br>
<a href="https://www.google.com/" target=_ blank class=btn>google</a>
<a href="https://gaoxx.com/" target=_ blank class=btn>巴法文库下载</a>
<a href="https://xbeibeix.com/api/bilibili/" target=_ blank class=btn>哔哩哔哩解析</a>
<a href="https://musicder.com/?ref=p" target=_ blank class=btn>音乐download</a>
<a href="https://www.meiju5.com/" target=_ blank class=btn>美剧网</a> 
-->


<footer>
    <script>
        function timeFormat(date) {
				var year = date.getFullYear();
				var month = date.getMonth() + 1;
				var dte = date.getDate();
				var day = date.getDay();
				month < 10 && (month = "0" + month);
				var dayarr = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
				return (year +"年" +month +"月" +dte +"日 "+dayarr[day]);
			}
            document.write(timeFormat(new Date()));
    </script>
</footer>
</body>

</html>